﻿<%-- The following 4 lines are ASP.NET directives needed when using SharePoint components --%>

<%@ Page Inherits="Microsoft.SharePoint.WebPartPages.WebPartPage, Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" MasterPageFile="~masterurl/default.master" Language="C#" %>

<%@ Register TagPrefix="Utilities" Namespace="Microsoft.SharePoint.Utilities" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="WebPartPages" Namespace="Microsoft.SharePoint.WebPartPages" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Register TagPrefix="SharePoint" Namespace="Microsoft.SharePoint.WebControls" Assembly="Microsoft.SharePoint, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>

<%-- The markup and script in the following Content element will be placed in the <head> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderAdditionalPageHead" runat="server">
    <%--<meta http-equiv="X-Frame-Options" content="SAMEORIGIN" />--%>

    <meta name="WebPartPageExpansion" content="full" />

    <!-- Add your CSS styles to the following file -->
    <link rel="Stylesheet" type="text/css" href="../Content/App.css" />
    <link href="../Content/Bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="../Content/Bootstrap/css/bootflat.css" rel="stylesheet" />

</asp:Content>

<%-- The markup in the following Content element will be placed in the TitleArea of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderPageTitleInTitleArea" runat="server">
    Worksheet Explorer
</asp:Content>

<%-- The markup and script in the following Content element will be placed in the <body> of the page --%>
<asp:Content ContentPlaceHolderID="PlaceHolderMain" runat="server">
    <WebPartPages:AllowFraming runat="server" />
    <div>
        <p id="message">
            <!-- The following content will be replaced with the user name when you run the app - see App.js -->

        </p>
    </div>
    <!-- Display Iframe -->
    <div id="iframeContent">
        <SharePoint:SPAppIFrame ID="SPAppIFrameWE"
            runat="server" AccessKey=""
            Src=""
            frameborder="0"></SharePoint:SPAppIFrame>
    </div>
    <div class="btn-toolbar we-toolbar" role="toolbar">
        <div id="worksheets-items" class="btn-group btn-group-lg">
            <%--<a href="/WorksheetExplorer/Lists/Worksheets/AllItems.aspx?IsDlg=1&IsSPExplorer=1" class="btn btn-primary">Worksheets</a>--%>
        </div>
        <div class="btn-group btn-group-lg">
            <a href="#" class="btn btn-default" data-toggle="modal" data-target="#worksheets-manage">Settings</a>
        </div>
    </div>
    <!-- Popup HTML -->
    <div class="modal fade" id="worksheets-manage" tabindex="-1" role="dialog" aria-labelledby="basicModal" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <%--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>--%>
                    <h4 class="modal-title" id="myModalLabel">Settings</h4>
                </div>
                <div class="modal-body">
                    <div>
                        <p>Add and remove links.</p>
                    </div>
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">Title</div>
                                <input id="txtTitle" class="form-control" placeholder="Enter Title" required>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="input-group">
                                <div class="input-group-addon">Url</div>
                                <input id="txtUrl" class="form-control" placeholder="Enter Url" required>
                            </div>
                        </div>
                        <a id="worksheets-btn-add" class="btn btn-default">Add</a>
                    </form>
                    <table id="worksheets-table" class="table table-hover">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Title</th>
                                <th>Url</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="javascript:location.reload();">Done</button>
                    
                </div>
            </div>
        </div>
    </div>
    <!-- Bootstrap core JavaScript -->
    <!-- Add your JavaScript to the following file -->
    <script type="text/javascript" src="../Scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.runtime.js"></script>
    <script type="text/javascript" src="/_layouts/15/sp.js"></script>
    <script src="../Content/Bootstrap/js/bootflat.min.js"></script>
    <script type="text/javascript" src="../Scripts/App.js"></script>
    <script src="../Scripts/ListHelper.js"></script>
</asp:Content>
